@charset "UTF-8";
@import url(base.css);

body {
  font:normal 13px/20px Arial, Tahoma, sans-serif, 宋体;
  background:#ccc url(../images/body-bg.jpg) repeat-x 0 0;
}
a {
  color:#333;
}
#container {
  width:800px;
  margin:0 auto;
}
#masthead h1 {
  display:block;
  float:left;
  width:269px;
  height:121px;
  text-indent:-9999px;
}
#masthead h1 a {
  display:block;
  width:100%;
  height:100%;
  background:url(../images/logo.png) no-repeat 0 0;
  outline:none;
}
#masthead ul {
  display:block;
  float:left;
  height:121px;
  list-style:none;
}
#masthead ul li {
  display:block;
  height:22px;
  top:68px ;
  float:left;
  text-align : center; 
  position:relative; 
  border-right:thin dotted #333;
}
#masthead ul li a {
  display:block;
  text-decoration:none;
  font-size:18px;
  font-weight:bold;
  width:100%;
  height:100%;
  outline:none;
}
#masthead ul li a:hover {
  color:#ccc;
}
#home {
  width:140px;
}
#portfolio {
  width:140px;
}
#services {
  width:140px;
}
#contact {
  width:140px;
}
#blank{
  clear:both;
  height:40px;
}
#featured-area {
  clear:both;
  height:250px;
  background:url(../images/bg-featured.png) no-repeat 0 0;
}
#login-area {
  width:235px;
  margin:55px 0px 55px 30px;
  float:left;
}

div.login {
  height:20px;
  margin:12px 0;
  width:200px
  vertical-align:middle;
}

input.txt {
  border:1px solid #333;
  margin:2px 0;
  padding:2px;
  width:160px;
}
input.button {
  border:0px None #fff;
  vertical-align:middle;
  background-color:Transparent;
  background:#333;
  color:#fff;
  padding: 2px 4px;
}
#preview {
  width:405px;
  margin:55px 25px 55px 0px;
  float:right;
}
#main-content {
  clear:both;
  width:800px;
}
#declare {
  width:100%;
  text-align:right;
}
#pagelink {
  text-align:center;
  position:absolute;
  width:100%;
  bottom:80px;
  clear:both;
}
#footer {
  position:absolute;
  width:100%;
  bottom:0px;
  clear:both;
  background-color:#333;
}
#footer p {
  margin:0 auto;
  padding:0;
  width:800px;
  color:#ccc;
  height:50px;
  line-height:50px;
}
